<template>
    <div>
        <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" @tab-click="tabClick">
            <el-tab-pane
                v-for="(item) in editableTabs"
                :key="item.name"
                :label="item.title"
                :name="item.name"
            >
                
            </el-tab-pane>
        </el-tabs>
         <router-view></router-view>
    </div>
</template>
<script>
export default {
    name:'tabComponent',
    props:['editableTabs','editableTabsValue'],
    data(){
        return{

        }
    },
    methods: {
     //点击切换tab
      tabClick(tab){
        let path = tab.name;
        path=path.replace("/list","/byg/tabMain/list")
        this.$router.push({path: path});
      }
    }
}
</script>